<template>
  <view>
    <uni-nav-bar left-icon="closeempty" title="标题" />
    <text class="title">期望薪资</text>
    <view class="selected">
      <view
        class="selectbox"
        v-for="item in wordList.companyExperience"
        :key="item"
      >
        <text>{{ item.dictValue }}</text>
      </view>
    </view>
    <text class="title">期望薪资</text>
    <view class="selected">
      <view class="selectbox" v-for="item in wordList.education" :key="item">
        <text>{{ item.dictValue }}</text>
      </view>
    </view>
    <text class="title">期望薪资</text>
    <view class="selected">
      <view
        class="selectbox"
        v-for="item in wordList.enterprisePerson"
        :key="item"
      >
        <text>{{ item.dictValue }}</text>
      </view>
    </view>
    <text class="title">期望薪资</text>
    <view class="selected">
      <view class="selectbox" v-for="item in wordList.jobType" :key="item">
        <text>{{ item.dictValue }}</text>
      </view>
    </view>
    <text class="title">期望薪资</text>
    <view class="selected">
      <view class="selectbox" v-for="item in wordList.position" :key="item">
        <text>{{ item.dictValue }}</text>
      </view>
    </view>
    <text class="title">期望薪资</text>
    <view class="selected">
      <view class="selectbox" v-for="item in wordList.recruitJob" :key="item">
        <text>{{ item.dictValue }}</text>
      </view>
    </view>
    <text class="title">期望薪资</text>
    <view class="selected">
      <view class="selectbox" v-for="item in wordList.wages" :key="item">
        <text>{{ item.dictValue }}</text>
      </view>
    </view>
  </view>
</template>

<script>
import { getWord } from "../../request/api/home";
export default {
  name: "detailSelect",
  data() {
    return {
      wordList: [],
    };
  },
  mounted() {
    const res = getWord().then((res) => {
      console.log(res);
      this.wordList = res.data.data;
      console.log(this.wordList);
    });
  },
};
</script>

<style>
.selected {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.selectbox {
  width: auto;
  height: 40px;
  padding: 0 15px;
  margin-left: 10px;
  margin-bottom: 10px;
  background-color: rgba(173, 160, 160, 0.342);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.title{
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}
</style>